<template>
    <view class="cell-item" @click="$emit('clickShowPop', title)">
        <view class="label">{{ title }}</view>
        <view class="content">{{ content }}</view>
        <view class="iconfont icon-arrow-right"></view>
    </view>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: '单元'
        },
        content: String
    },
    data() {
        return {}
    },
    methods: {
    }
}
</script>

<style scoped lang="scss">
.cell-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25rpx 20rpx;
    border-bottom: 2rpx solid #F7F7F7;
    font-size: 28rpx;

    .label {
        color: #999999;
        min-width: 60rpx;
    }

    .content {
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding: 0 30rpx 0 20rpx;
    }

    .iconfont {
        color: #999999;
    }
}
</style>
